/*白键*/
.whitekey{
  position: absolute;
  width: 150px;
  left: 0px;
  background: #FFFFFF;
  border: 1px solid #A9A9A9;
  box-sizing: border-box;
}

.rec27{
height: 30px;
top: 114px;
}
.rec28{
height: 40px;
top: 144px;
}
.rec29{
height: 40px;
top: 184px;
}
.rec30{
height: 30px;
top: 224px;
}
.rec31{
height: 30px;
top: 254px;
}
.rec32{
height: 40px;
top: 284px;
}
.rec33{
height: 30px;
top: 324px;
}
.rec34{
height: 30px;
top: 354px;
}
.rec35{
height: 40px;
top: 384px;
}
.rec36{
height: 40px;
top: 424px;
}
.rec37{
height: 30px;
top: 464px;
}
.rec38{
height: 30px;
top: 494px;
}
.rec39{
height: 40px;
top: 524px;
}
.rec40{
height: 30px;
top: 564px;
}
.rec41{
height: 30px;
top: 594px;
}
.rec42{
height: 40px;
top: 624px;
}
.rec43{
height: 40px;
top: 664px;
}
.rec44{
height: 30px;
top: 704px;
}
.rec45{
height: 30px;
top: 734px;
}
.rec46{
height: 40px;
top: 764px;
}
.rec47{
height: 30px;
top: 804px;
}
.rec48{
height: 30px;
top: 834px;
}
.rec49{
height: 40px;
top: 864px;
}
.rec50{
height: 40px;
top: 904px;
}
.rec51{
height: 30px;
top: 944px;
}
.rec52{
height: 30px;
top: 974px;
}
.rec53{
height: 40px;
top: 1004px;
}
.rec54{
height: 30px;
top: 1044px;
}
.rec55{
height: 30px;
top: 1074px;
}
.rec56{
height: 40px;
top: 1104px;
}
.rec57{
height: 40px;
top: 1144px;
}
.rec58{
height: 30px;
top: 1184px;
}

.rec59{
height: 30px;
top: 1214px;
}
.rec60{
height: 40px;
top: 1244px;
}
.rec61{
height: 30px;
top: 1284px;
}
.rec62{
height: 30px;
top: 1314px;
}
.rec63{
height: 40px;
top: 1344px;
}

.rec64{
height: 40px;
top: 1384px;
}

.rec65{
height: 30px;
top: 1424px;
}

.rec66{
height: 30px;
top: 1454px;
}
.rec67{
height: 40px;
top: 1484px;
}
.rec68{
height: 30px;
top: 1524px;
}
.rec69{
height: 30px;
top: 1554px;
}
.rec70{
height: 40px;
top: 1584px;
}
.rec71{
height: 40px;
top: 1624px;
}
.rec72{
height: 30px;
top: 1664px;
}
.rec73{
height: 30px;
top: 1694px;
}

.rec74{
height: 40px;
top: 1724px;
}

.rec75{
height: 30px;
top: 1764px;
}

.rec76{
height: 30px;
top: 1794px;
}

.rec77{
height: 40px;
top: 1824px;
}

.rec78{
height: 40px;
top: 1864px;
}

.rec79{
height: 30px;
top: 1904px;
}
.rec80{
height: 30px;
top: 1934px;
}

.rec81{
height: 40px;
top: 1964px;
}

.rec82{
height: 30px;
top: 2004px;
}

.rec83{
height: 30px;
top: 2034px;
}

.rec84{
height: 40px;
top: 2064px;
}

.rec85{
height: 40px;
top: 2104px;
}

.rec86{
height: 30px;
top: 2144px;
}
.rec87{
height: 30px;
top: 2174px;
}

.rec88{
height: 40px;
top: 2204px;
}

.rec89{
height: 30px;
top: 2244px;
}


.tmp2{
 position: fixed;
  width: 650px;
  height: 55px;
  left: 745px;
  top: 10px;
background: linear-gradient(0deg, #C8DEFF, #C8DEFF), url(../../static/tmp2.png);
	background-blend-mode: darken, normal;

}
